<%--
  Created by IntelliJ IDEA.
  User: lkl
  Date: 2024/7/3
  Time: 13:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="jakarta.tags.core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/123.png">
    <link rel="icon" type="image/png" href="./assets/img/123.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>NEFU CCEC SE</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>
    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Source+Sans+Pro:400,600,700" rel="stylesheet">
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    <!-- Main CSS -->
    <link rel="stylesheet" href="./Bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./Bootstrap/font/bootstrap-icons.css">
<%--    <link rel="stylesheet" href="./assets/css/app.css"/>--%>
<%--    <link rel="stylesheet" href="./assets/css/theme.css"/>--%>
    <link rel="stylesheet" href="assets/css/main.css"/>
    <style>
        /* 通用滚动条样式 */
        * {
            scrollbar-width: thin; /* 适用于Firefox */
            scrollbar-color: #4caf50 #f5f5f5; /* 滚动条滑块和背景色 */
        }

        /* Webkit浏览器（如Chrome、Safari）的滚动条样式 */
        ::-webkit-scrollbar {
            width: 8px; /* 滚动条宽度 */
            height: 8px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #4caf50; /* 滚动条滑块颜色 */
            border-radius: 4px; /* 圆角 */
        }

        ::-webkit-scrollbar-track {
            background-color: #f5f5f5; /* 滚动条轨道颜色 */
        }
        .navbar-nav .highlight .nav-link
        {
            border-color:transparent;
            color: #495157!important;
        }
        /* 定义过渡效果 */
        a{
            transition: transform 0.3s ease;
            /* 可以添加其他基础样式，如颜色、边框等 */
        }

        /* 定义悬浮时的样式 */
        a:hover {
            transform: scale(1.2); /* 你可以根据需要调整这个值 */
        }
        .padd
        {
            padding: 0px 12px!important;
        }


        /* 为highlight类中的.nav-link添加悬浮时的背景颜色 */
        .navbar-nav .highlight .nav-link:hover {
            border-color:#245e98;
            background-color: #245e98; /* 悬浮时的背景颜色 */
            color: #0e5b3b; /* 悬浮时的文本颜色，如果有需要 */
        }
        /*.nav-item:hover{*/
        /*    !*text-decoration: underline;*!*/
        /*}*/
        .align-self-center
        {
            text-align: center;
        }

        .card {
            width: 200px!important; /* 或使用宽度百分比 */
            height: auto!important;
        }


        .footer{
            margin-top: 60px;
            height: 150px;
            background-color: #F5F5F5;
            text-align: center;
        }
        .service{
            padding: 30px 0px;
            height: 60px;
            border-bottom:1px solid #E8E8E8 ;
        }
        .copyright
        {
            padding:  0px 0px;
            height:30px;
            border-bottom:1px solid #E8E8E8 ;
        }
        .maker
        {
            padding: 0px 0px;
            height: 60px;
            border-bottom:1px solid #E8E8E8 ;
        }

        .mar{
            margin-top: 60px;
        }

        .tab-content {
            display: flex;
        }

        /*.tab-content{*/
        /*    margin: 0 5px; !* 左右外边距 *!*/
        /*    !* 其他样式 *!*/
        /*}*/

        /* 第一个和最后一个子元素不需要右边距 */
        .tab-content:first-child {
            margin-left: 0;
        }

        .tab-content:last-child {
            margin-right: 0;
        }
        .col-8{
            .zhicheng{
                margin-left: 290px;
                margin-bottom: 20px;
            }
        }
        .align-self-left
        {
            text-align: left;
        }


        .text-container {
            max-height: 160px; /* 根据需要设置最大高度 */
            overflow-y: auto; /* 允许垂直滚动 */
            /*padding: 0px; !* 添加内边距，确保内容与滚动条之间有空间 *!*/
        }
        .text-container {
            position: relative;
            top: -10px; /* 向上移动10px */
        }

        .progress-bar{
            height: 3px; /* 进度条的高度 */
            background-color: #eee; /* 进度条的背景颜色 */
            position: relative; /* 确保进度条内的子元素可以相对定位 */
        }

        .progress {
            background-color: #4caf50; /* 进度条的填充颜色 */
            position: absolute;
            left: 0;
            top: 0;
            height: 100%; /* 占满整个进度条容器的高度 */
            width: 0; /* 初始宽度为0，根据滚动动态调整 */
            transition: width 0.3s ease; /* 平滑过渡效果 */
        }
        .video-container {
            position: relative; /* 相对定位或固定定位取决于你的需要 */
            width: 100%; /* 容器宽度设为100%以占据其父元素的宽度 */
            padding-top: 56.25%; /* 16:9的宽高比，这可以通过(9/16) * 100%计算得出 */
            height: 0; /* 设置为0，因为我们使用padding来定义高度 */
            overflow: hidden; /* 隐藏超出容器的部分 */
        }

        .video-container .video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%; /* 宽度设置为100%以填充容器 */
            height: 85%; /* 高度设置为100%以填充容器 */
            object-fit: cover; /* 保持宽高比的同时覆盖整个容器 */
        }

        .card-pin
        {
            margin: 20px 0px;
        }
        .all{
            width: 100%;
            margin-top:92px;
            margin-left: 3px;
        }
        .custom-link
        {
            transition: transform 0.3s ease;
        }

        .custom-link:hover {
            color: #025d45 !important;
            text-decoration: underline !important;
            font-size: 30px!important;
        }
        /* 定义过渡效果 */
        a{
            transition: transform 0.3s ease;
            /* 可以添加其他基础样式，如颜色、边框等 */
        }

        /* 定义悬浮时的样式 */
        a:hover {
            transform: scale(1.2); /* 你可以根据需要调整这个值 */
            text-decoration: none!important;

        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid black;
            padding: 8px;
            /*text-align: left;*/
        }
        th {
            background-color: #f2f2f2;
        }

    </style>
</head>
<body>
<!--------------------------------------
NAVBAR
--------------------------------------->
<nav class="topnav navbar navbar-expand-lg navbar-light bg-white fixed-top">
    <div class="container">
        <a class="navbar-brand" href="index.html"><strong>NEFU CCEC SE</strong></a>
        <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse" id="navbarColor02" style="">
            <ul class="navbar-nav mr-auto d-flex align-items-center">
                <li class="nav-item">
                    <a class="nav-link" href="introduction">专业介绍</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="lab">实验室</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="teacher">教师队伍</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="job">就业指南</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="listNews">新闻</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="listNotice">公告</a>
                </li>
            </ul>
            <ul class="navbar-nav ml-auto d-flex align-items-center">
                <li class="nav-item highlight">
                    <a class="nav-link" href="login">登录</a>
                </li>
            </ul>
        </div>
    </div>
</nav>


<div class="container align-self-center" style="margin-top: 60px">
    <h1 style="margin-bottom: 50px;">新闻列表</h1>
<%--    <ol>--%>
<%--        <c:forEach items="${newss}" var="n">--%>
<%--            <li>--%>
<%--                <h2 class="mb-1 h4 font-weight-bold">--%>
<%--                    <a href="getnews?nid=${n.nid}" class="text-dark custom-link">${n.title}</a>--%>
<%--                </h2>--%>
<%--                <p style="margin-bottom: 5px">${n.author}</p>--%>
<%--                <p>${n.dateTime}</p>--%>
<%--            </li>--%>
<%--&lt;%&ndash;            <li>${n.author}</li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li>${n.dateTime}</li>&ndash;%&gt;--%>
<%--        </c:forEach>--%>
<%--    </ol>--%>
    <table class="align-self-center" style="border: 1px solid black;">
        <tr style="width: 100%;border: 1px solid black;">
            <th width="15%" style="font-size: 30px;">新闻号</th>
            <th style="padding: 10px;border: 1px solid black;font-size: 30px;">标题+作者+时间</th>
        </tr>
        <c:forEach items="${newss}" var="n">
            <tr>
                <td style="border: 1px solid black;">
                    ${n.nid}
                </td>
                <td style="padding: 10px;border: 1px solid black;">
                    <h2 class="mb-1 h4 font-weight-bold">
                        <a href="getnews?nid=${n.nid}" class="text-dark custom-link">${n.title}</a>
                    </h2>
                    <p style="margin-bottom: 5px">${n.author}</p>
                    <p>${n.dateTime}</p>
                </td>
            </tr>
            <%--            <li>${n.author}</li>--%>
            <%--            <li>${n.dateTime}</li>--%>
        </c:forEach>
    </table>
</div>

<div class="container"style="margin-top: 50px">
    <div class="row container">
        <div class="col-4">
            <div class="list-group" id="list-tab" role="tablist">
                <a class="list-group-item list-group-item-action active" id="list-home-list" data-bs-toggle="list" href="#list-home" role="tab" aria-controls="list-home">增加新闻</a>
                <a class="list-group-item list-group-item-action" id="list-profile-list" data-bs-toggle="list" href="#list-profile" role="tab" aria-controls="list-profile">删除新闻</a>
                <a class="list-group-item list-group-item-action" id="list-messages-list" data-bs-toggle="list" href="#list-messages" role="tab" aria-controls="list-messages">修改新闻</a>
                <a class="list-group-item list-group-item-action" id="list-settings-list" data-bs-toggle="list" href="#list-settings" role="tab" aria-controls="list-settings">查询新闻</a>
            </div>
        </div>
        <div class="col-8 align-self-center">
            <div class="tab-content align-self-center" id="nav-tabContent">
                <div class="tab-pane fade show active align-self-center" id="list-home" role="tabpanel" aria-labelledby="list-home-list">
                    <form style="margin-left: 200px" action="filter/addnews" method="post">
                        <h1>添加新闻</h1>
                        <h3>(可实现只添加部分内容)</h3>
                        <br>
<%--                        <div class="form-group">--%>
                            <label><input type="text" name="addtitle" class="form-control rounded-pill form-control-lg"  placeholder="标题"> </label>
<%--                        </div>--%>
                        <br>
<%--                        <div class="form-group">--%>
                            <label><input type="text" name="addauthor" class="form-control rounded-pill form-control-lg"  placeholder="作者"> </label>
<%--                        </div>--%>
                        <br>
<%--                        <div class="form-group">--%>
                            <label><input type="text" name="addcontent" class="form-control rounded-pill form-control-lg"  placeholder="正文"> </label>
<%--                        </div>--%>
                        <br>
                        <label><input type="text" name="adddateImageurl" class="form-control rounded-pill form-control-lg"  placeholder="图片地址(选填)"> </label>
                        <%--                        </div>--%>
                        <br>
<%--                        <div class="form-group">--%>
                            <label><input type="datetime-local" name="adddateTime" class="form-control rounded-pill form-control-lg"  placeholder="日期"> </label>
<%--                        </div>--%>
                        <br>

                        <button type="submit" class="btn btn-primary">提交</button>
<%--                        title    <input type="text" name="addtitle"> <br>--%>
<%--                        author   <input type="text" name="addauthor"> <br>--%>
<%--                        content  <input type="text" name="addcontent"> <br>--%>
<%--                        dateTime <input type="datetime-local" name="adddateTime"> <br>--%>

<%--                        <button type="submit">提交</button>--%>
                    </form>
                </div>
                <div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list">
                    <form action="filter/deletenews" method="post">
                        <h1>删除指定新闻</h1><br>
                        <select name="nid" class="form-control rounded-pill form-control-lg">
                            <c:forEach items="${newss}" var="n">
                                <option value="${n.nid}">${n.title}</option>
                            </c:forEach>
                        </select>
                        <br>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </form>
                </div>
                <div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list">
                    <form action="filter/updateNews" method="post">
                        <h1>修改指定新闻</h1>
                        <h3>(可实现只修改部分内容)</h3> <br>
                        <select name="nid" class="form-control rounded-pill form-control-lg">
                            <c:forEach items="${newss}" var="n">
                                <option  value="${n.nid}">${n.title}</option>
                            </c:forEach>
                        </select>
                        <br>
                        <label><input type="text" name="newtitle" class="form-control rounded-pill form-control-lg"  placeholder="新标题"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="newauthor" class="form-control rounded-pill form-control-lg"  placeholder="新作者"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="newcontent" class="form-control rounded-pill form-control-lg"  placeholder="新正文"> </label>
                        <%--                        </div>--%>
                        <br>
                        <label><input type="text" name="newimageurl" class="form-control rounded-pill form-control-lg"  placeholder="新图片地址(选填)"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="datetime-local" name="newdateTime" class="form-control rounded-pill form-control-lg"  placeholder="新日期"> </label>
                        <%--                        </div>--%>
                        <br>
<%--                        新title     <input type="text" name="newtitle"> <br>--%>
<%--                        新author   <input type="text" name="newauthor"> <br>--%>
<%--                        新content   <input type="text" name="newcontent"> <br>--%>
<%--                        新dateTime <input type="datetime-local" name="newdateTime"> <br>--%>
<%--                        <br>--%>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </form>
                </div>
                <div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list">
                    <form action="getnews" method="get">
                        <h1>查询指定新闻</h1> <br>
                        <select name="nid" class="form-control rounded-pill form-control-lg">
                            <c:forEach items="${newss}" var="n">
                                <option  value="${n.nid}">${n.title}</option>
                            </c:forEach>
                        </select>
                        <br>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>




<!-- End Navbar -->

<!--------------------------------------
HEADER
--------------------------------------->
<div class="container align-self-center" style="margin-top: 60px">
    <h1 style="margin-bottom: 50px;">公告列表</h1>
<%--    <ol>--%>
<%--        <c:forEach items="${notices}" var="n">--%>
<%--            <li>--%>
<%--                <h2 class="mb-1 h4 font-weight-bold">--%>
<%--                    <a href="getnotice?nid=${n.nid}" class="text-dark custom-link">${n.title}</a>--%>
<%--                </h2>--%>

<%--             <p style="margin-bottom: 5px">${n.author}</p><p>${n.dateTime}</p>--%>
<%--            </li>--%>
<%--&lt;%&ndash;            <li>${n.author}</li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li>${n.dateTime}</li>&ndash;%&gt;--%>
<%--        </c:forEach>--%>
<%--    </ol>--%>
    <table class="align-self-center" style="border: 1px solid black;">
        <tr style="width: 100%;border: 1px solid black;">
            <th width="15%" style="font-size: 30px;">公告号</th>
            <th style="padding: 10px;border: 1px solid black;font-size: 30px;">标题+作者+时间</th>
        </tr>
        <c:forEach items="${notices}" var="n">
            <tr>
                <td style="border: 1px solid black;">
                        ${n.nid}
                </td>
                <td style="padding: 10px;border: 1px solid black;">
                    <h2 class="mb-1 h4 font-weight-bold">
                        <a href="getnotice?nid=${n.nid}" class="text-dark custom-link">${n.title}</a>
                    </h2>
                    <p style="margin-bottom: 5px">${n.author}</p>
                    <p>${n.dateTime}</p>
                </td>
            </tr>
            <%--            <li>${n.author}</li>--%>
            <%--            <li>${n.dateTime}</li>--%>
        </c:forEach>
    </table>
</div>

<div class="container" style="margin-top: 50px">
    <div class="row container">
        <div class="col-4">
            <div class="list-group" id="list-tab2" role="tablist">
                <a class="list-group-item list-group-item-action active" id="list-home2-list" data-bs-toggle="list" href="#list-home2" role="tab" aria-controls="list-home">增加公告</a>
                <a class="list-group-item list-group-item-action" id="list-profile2-list" data-bs-toggle="list" href="#list-profile2" role="tab" aria-controls="list-profile">删除公告</a>
                <a class="list-group-item list-group-item-action" id="list-messages2-list" data-bs-toggle="list" href="#list-messages2" role="tab" aria-controls="list-messages">修改公告</a>
                <a class="list-group-item list-group-item-action" id="list-settings2-list" data-bs-toggle="list" href="#list-settings2" role="tab" aria-controls="list-settings">查询公告</a>
            </div>
        </div>
        <div class="col-8">
            <div class="tab-content align-self-center" id="nav-tabContent2">
                <div class="tab-pane fade show active align-self-center" id="list-home2" role="tabpanel" aria-labelledby="list-home-list">
                    <form style="margin-left: 200px" action="filter/addnotice" method="post">
                        <h1>添加公告</h1>
                        <h3>(可实现只添加部分内容)</h3>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="addtitle" class="form-control rounded-pill form-control-lg"  placeholder="标题"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="addauthor" class="form-control rounded-pill form-control-lg"  placeholder="作者"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="addcontent" class="form-control rounded-pill form-control-lg"  placeholder="正文"> </label>
                        <%--                        </div>--%>
                        <br>
                        <label><input type="text" name="adddateImageurl" class="form-control rounded-pill form-control-lg"  placeholder="图片地址(选填)"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="datetime-local" name="adddateTime" class="form-control rounded-pill form-control-lg"  placeholder="日期"> </label>
                        <%--                        </div>--%>
                        <br>
                        <button type="submit" class="btn btn-primary">提交</button>
                        <%--                        title    <input type="text" name="addtitle"> <br>--%>
                        <%--                        author   <input type="text" name="addauthor"> <br>--%>
                        <%--                        content  <input type="text" name="addcontent"> <br>--%>
                        <%--                        dateTime <input type="datetime-local" name="adddateTime"> <br>--%>

                        <%--                        <button type="submit">提交</button>--%>
<%--                        <br>--%>
<%--                        title  <input type="text" name="addtitle"> <br>--%>
<%--                        author <input type="text" name="addauthor"> <br>--%>
<%--                        content <input type="text" name="addcontent"> <br>--%>
<%--                        dateTime <input type="datetime-local" name="adddateTime"> <br>--%>
<%--                        <button type="submit">提交</button>--%>
                    </form>
                </div>
                <div class="tab-pane fade" id="list-profile2" role="tabpanel" aria-labelledby="list-profile-list">
                    <form action="filter/deletenotice" method="post">
                        <h1>删除指定公告</h1> <br>
                        <select name="nid" class="form-control rounded-pill form-control-lg">
                            <c:forEach items="${notices}" var="n">
                                <option  value="${n.nid}">${n.title}</option>
                            </c:forEach>
                        </select>
                        <br>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </form>

                </div>
                <div class="tab-pane fade" id="list-messages2" role="tabpanel" aria-labelledby="list-messages-list">
                    <form action="filter/updateNotice" method="post">
                        <h1>修改指定公告</h1>
                        <h3>(可实现只修改部分内容)</h3>
                        <br>
                        <select name="nid" class="form-control rounded-pill form-control-lg">
                            <c:forEach items="${notices}" var="n">
                                <option  value="${n.nid}">${n.title}</option>
                            </c:forEach>
                        </select>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="newtitle" class="form-control rounded-pill form-control-lg"  placeholder="新标题"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="newauthor" class="form-control rounded-pill form-control-lg"  placeholder="新作者"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="newcontent" class="form-control rounded-pill form-control-lg"  placeholder="新正文"> </label>
                        <%--                        </div>--%>
                        <br>
                        <label><input type="text" name="newimageurl" class="form-control rounded-pill form-control-lg"  placeholder="新图片地址(选填)"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="datetime-local" name="newdateTime" class="form-control rounded-pill form-control-lg"  placeholder="新日期"> </label>
                        <%--                        </div>--%>
                        <br>

<%--                        新title  <input type="text" name="newtitle"> <br>--%>
<%--                        新author <input type="text" name="newauthor"> <br>--%>
<%--                        新content <input type="text" name="newcontent"> <br>--%>
<%--                        新dateTime <input type="datetime-local" name="newdateTime"> <br>--%>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </form>
                </div>
<%--                <div class="tab-pane fade" id="list-settings2" role="tabpanel" aria-labelledby="list-settings-list">--%>
<%--                    <form action="getnotice" method="get">--%>
<%--                        <h1>查询指定公告</h1> <br>--%>
<%--                        <select name="nid" class="form-control rounded-pill form-control-lg>--%>
<%--                            <c:forEach items="${notices}" var="n">--%>
<%--                                <option  value="${n.nid}">${n.title}</option>--%>
<%--                            </c:forEach>--%>
<%--                        </select>--%>
<%--                        <br>--%>
<%--                        <button type="submit" class="btn btn-primary">提交</button>--%>
<%--                    </form>--%>

<%--                </div>--%>
                <div class="tab-pane fade" id="list-settings2" role="tabpanel" aria-labelledby="list-settings-list">
                    <form action="getnotice" method="get">
                        <h1>查询指定公告</h1> <br>
                        <select name="nid" class="form-control rounded-pill form-control-lg">
                            <c:forEach items="${notices}" var="n">
                                <option  value="${n.nid}">${n.title}</option>
                            </c:forEach>
                        </select>
                        <br>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>



<div class="container align-self-center" style="margin-top: 60px">
    <h1 style="margin-bottom: 50px;">就业信息列表</h1>
    <%--    <ol>--%>
    <%--        <c:forEach items="${notices}" var="n">--%>
    <%--            <li>--%>
    <%--                <h2 class="mb-1 h4 font-weight-bold">--%>
    <%--                    <a href="getnotice?nid=${n.nid}" class="text-dark custom-link">${n.title}</a>--%>
    <%--                </h2>--%>

    <%--             <p style="margin-bottom: 5px">${n.author}</p><p>${n.dateTime}</p>--%>
    <%--            </li>--%>
    <%--&lt;%&ndash;            <li>${n.author}</li>&ndash;%&gt;--%>
    <%--&lt;%&ndash;            <li>${n.dateTime}</li>&ndash;%&gt;--%>
    <%--        </c:forEach>--%>
    <%--    </ol>--%>
    <table class="align-self-center" style="border: 1px solid black;">
        <tr style="width: 100%;border: 1px solid black;">
            <th width="20%" style="font-size: 30px;">就业信息号</th>
            <th style="padding: 10px;border: 1px solid black;font-size: 30px;">标题+时间</th>
        </tr>
        <c:forEach items="${jobs}" var="j">
            <tr>
                <td style="border: 1px solid black;">
                        ${j.jid}
                </td>
                <td style="padding: 10px;border: 1px solid black;">
                    <h2 class="mb-1 h4 font-weight-bold">
                        <a href="getjob1?jid=${j.jid}" class="text-dark custom-link">${j.title}</a>
                    </h2>
                    <p>${j.dateTime}</p>
                </td>
            </tr>
            <%--            <li>${n.author}</li>--%>
            <%--            <li>${n.dateTime}</li>--%>
        </c:forEach>
    </table>
</div>


<div class="container" style="margin-top: 50px">
    <div class="row container">
        <div class="col-4">
            <div class="list-group" id="list-tab3" role="tablist">
                <a class="list-group-item list-group-item-action active" id="list-home3-list" data-bs-toggle="list" href="#list-home3" role="tab" aria-controls="list-home">增加就业信息</a>
                <a class="list-group-item list-group-item-action" id="list-profile3-list" data-bs-toggle="list" href="#list-profile3" role="tab" aria-controls="list-profile">删除就业信息</a>
                <a class="list-group-item list-group-item-action" id="list-messages3-list" data-bs-toggle="list" href="#list-messages3" role="tab" aria-controls="list-messages">修改就业信息</a>
                <a class="list-group-item list-group-item-action" id="list-settings3-list" data-bs-toggle="list" href="#list-settings3" role="tab" aria-controls="list-settings">查询就业信息</a>
            </div>
        </div>
        <div class="col-8">
            <div class="tab-content align-self-center" id="nav-tabContent3">
                <div class="tab-pane fade show active align-self-center" id="list-home3" role="tabpanel" aria-labelledby="list-home-list">
                    <form style="margin-left: 200px" action="filter/addjob" method="post">
                        <h1>添加就业信息</h1>
                        <h3>(可实现只添加部分内容)</h3>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="addtitle" class="form-control rounded-pill form-control-lg"  placeholder="标题"> </label>
                        <%--                        </div>--%>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="addcontent" class="form-control rounded-pill form-control-lg"  placeholder="正文"> </label>
                        <%--                        </div>--%>
                        <br>
                        <label><input type="text" name="adddateImageurl" class="form-control rounded-pill form-control-lg"  placeholder="图片地址(选填)"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="datetime-local" name="adddateTime" class="form-control rounded-pill form-control-lg"  placeholder="日期"> </label>
                        <%--                        </div>--%>
                        <br>
                        <button type="submit" class="btn btn-primary">提交</button>
                        <%--                        title    <input type="text" name="addtitle"> <br>--%>
                        <%--                        author   <input type="text" name="addauthor"> <br>--%>
                        <%--                        content  <input type="text" name="addcontent"> <br>--%>
                        <%--                        dateTime <input type="datetime-local" name="adddateTime"> <br>--%>

                        <%--                        <button type="submit">提交</button>--%>
                        <%--                        <br>--%>
                        <%--                        title  <input type="text" name="addtitle"> <br>--%>
                        <%--                        author <input type="text" name="addauthor"> <br>--%>
                        <%--                        content <input type="text" name="addcontent"> <br>--%>
                        <%--                        dateTime <input type="datetime-local" name="adddateTime"> <br>--%>
                        <%--                        <button type="submit">提交</button>--%>
                    </form>
                </div>
                <div class="tab-pane fade" id="list-profile3" role="tabpanel" aria-labelledby="list-profile-list">
                    <form action="filter/deletejob" method="post">
                        <h1>删除指定就业信息</h1> <br>
                        <select name="jid" class="form-control rounded-pill form-control-lg">
                            <c:forEach items="${jobs}" var="j">
                                <option  value="${j.jid}">${j.title}</option>
                            </c:forEach>
                        </select>
                        <br>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </form>

                </div>
                <div class="tab-pane fade" id="list-messages3" role="tabpanel" aria-labelledby="list-messages-list">
                    <form action="filter/updateJob" method="post">
                        <h1>修改指定就业信息</h1>
                        <h3>(可实现只修改部分内容)</h3>
                        <br>
                        <select name="jid" class="form-control rounded-pill form-control-lg">
                            <c:forEach items="${jobs}" var="j">
                                <option  value="${j.jid}">${j.title}</option>
                            </c:forEach>
                        </select>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="newtitle" class="form-control rounded-pill form-control-lg"  placeholder="新标题"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="text" name="newcontent" class="form-control rounded-pill form-control-lg"  placeholder="新正文"> </label>
                        <%--                        </div>--%>
                        <br>
                        <label><input type="text" name="newimageurl" class="form-control rounded-pill form-control-lg"  placeholder="新图片地址(选填)"> </label>
                        <%--                        </div>--%>
                        <br>
                        <%--                        <div class="form-group">--%>
                        <label><input type="datetime-local" name="newdateTime" class="form-control rounded-pill form-control-lg"  placeholder="新日期"> </label>
                        <%--                        </div>--%>
                        <br>

                        <%--                        新title  <input type="text" name="newtitle"> <br>--%>
                        <%--                        新author <input type="text" name="newauthor"> <br>--%>
                        <%--                        新content <input type="text" name="newcontent"> <br>--%>
                        <%--                        新dateTime <input type="datetime-local" name="newdateTime"> <br>--%>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </form>
                </div>
<%--                <div class="tab-pane fade" id="list-settings3" role="tabpanel" aria-labelledby="list-settings-list">--%>
<%--                    <form action="getnotice" method="get">--%>
<%--                        <h1>查询指定就业信息</h1> <br>--%>
<%--                        <select name="jid" class="form-control rounded-pill form-control-lg>--%>
<%--                            <c:forEach items="${jobs}" var="j">--%>
<%--                                <option value="${j.jid}">${j.title}</option>--%>
<%--                        </c:forEach>--%>
<%--                        </select>--%>
<%--                        <br>--%>
<%--                        <button type="submit" class="btn btn-primary">提交</button>--%>
<%--                    </form>--%>

<%--                </div>--%>
                <div class="tab-pane fade" id="list-settings3" role="tabpanel" aria-labelledby="list-settings-list">
                    <form action="getjob1" method="get">
                        <h1>查询就业信息</h1> <br>
                        <select name="jid" class="form-control rounded-pill form-control-lg">
                            <c:forEach items="${jobs}" var="j">
                                <option  value="${j.jid}">${j.title}</option>
                            </c:forEach>
                        </select>
                        <br>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>




<!--------------------------------------
FOOTER
--------------------------------------->

<div class="footer border-top">
    <div class="wrapper">
        <!--		服务-->
        <div class="service">
            服务于NEFU CCEC SE
        </div>
    </div>
    <!--		版权-->
    <div class="copyright">
        版权所有 2024 东北林业大学计算机与控制工程学院软件工程专业
    </div>
    <div class="maker">
        Copyright &copy; Li KunLong
    </div>
</div>
<!-- End Footer -->

<!--------------------------------------
JAVASCRIPTS
--------------------------------------->
<script src="./assets/js/vendor/jquery.min.js" type="text/javascript"></script>
<script src="./assets/js/vendor/popper.min.js" type="text/javascript"></script>
<script src="./assets/js/vendor/bootstrap.min.js" type="text/javascript"></script>
<script src="./assets/js/vendor/app.js" type="text/javascript"></script>
<script src="./assets/js/vendor/theme.js" type="text/javascript"></script>
<script src="./assets/js/functions.js" type="text/javascript"></script>
<script src="./Bootstrap/js/bootstrap.min.js"></script>

</body>
</html>
